html,body{
  width: 100%;
}

.pull-l{
  float: left;
}
.pull-r{
  float: right;
}
.clearFix{
  &:after{
    display: block;
    content: '';
    clear: both;
    height: 100%;
    height: 0;
    overflow: hidden;

  }
}

.header-wrap{
  width: 100%;
  height: 360/75rem;
  background-color: #E50237;
  .banner{
    height: 346/75rem;
    width:  539/75rem;
    background: url("../images/banner.jpg") no-repeat 0 0;
    background-size: contain;
    margin:0 auto;
  }
}
.main-wrap{
  background-color: #E50237;
  padding:0 8px;

  ul{
    background-color: #fff;
    padding:10px 0;
    .goods-icon{
      width: 130/75rem;
      height:130/75rem;
      background: url("../images/goods_icon.jpg") no-repeat 0 0;
      background-size: contain;
    }
    li{
      position: relative;
      padding:10/75rem 0;
      .flag-btn{
        position: absolute;
        bottom:6/75rem;
        right:16/75rem;
        width:116/75rem;
        height:36/75rem;
        line-height:36/75rem;
        text-align: center;
        background: #E50237;
        color: #fff;
        font-size: 12px;
        .font-dpr(12px)
      }
    }
    .content{
      width:595/75rem;

      .title{
        font-size: 12px;
        line-height: 1.25;
        .font-dpr(12px);
        color: #2E2E2E;

      }
      .price{
        padding:10/75rem 0;
        color: #E50237;
        font-weight: bold;
        span,small{
          font-size: 12px;
          .font-dpr(12px);
          vertical-align: middle;
        }
        strong{
          font-size: 14px;
          .font-dpr(14px);
          vertical-align: middle;
          margin-left:8px;
          margin-right: 12px;
        }
        span{
          display: inline-block;
          padding:4/75rem 6/75rem;
          background:#E50237 ;
          color: #fff;
          font-size: 10px;
          .font-dpr(10px);
          vertical-align: middle;
          border-radius: 4px;
        }
      }
      .number{
        color: #F96811;
        font-size: 10px;
        .font-dpr(10px)
      }

    }
  }
}
.font-dpr(@font-size){
  font-size: @font-size; [data-dpr="2"] & { font-size: @font-size * 2; } [data-dpr="3"] & { font-size: @font-size * 3; }
}
.border-half:before{
  content: "  ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #E50237;
  /* 如果不用 background-color, 使用 border-top:1px solid #e0e0e0; */
  -webkit-transform: scaleY(.5);
  transform:scaleY(.5);
}